<template>
	<view class="title">
		<view class="" :style="{color:color,fontSize:fontSize}">
			{{content}}
			<image src="https://xb-street.oss-cn-shanghai.aliyuncs.com/smallshop/static/shopingCart/qianjin.png" mode=""></image>
		</view>
		<slot></slot>
	</view>

</template>

<script>
	export default {
		name: "shopTitle",
		props: {
			color: {
				type: String,
				default: ''
			},
			fontSize: {
				type: String,
				default: ''
			},
			content:{
				type: String,
				default: '相伴测试1专用商家'
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.title {
		width: 100%;
		display: flex;
		justify-content: space-between;

		view:nth-child(1) {
			font-weight: bold;
			font-size: 28rpx;
		}

		image {
			margin-left: 12rpx;
			width: 10rpx;
			height: 20rpx;
		}
	}
</style>
